.vip {

    .permission-beans-info {
        background: #409EFF;
        color     : #fff;
        padding   : 30px 0;

        div {
            font-size: 14px;

            p {
                text-align: left;
                margin    : 10px 0;
            }
        }

        .p-30-bolder {
            font-size  : 30px;
            font-weight: bolder;
        }
    }

    .title {
        width : 100%;
        margin: 30px;
    }

    .maturity-time {
        //   position: absolute;
        //   right   : 50px;
        color        : #F56C6C;
    }

    .Grade-box {
        border-top : 1px solid #ddd;
        margin-top : 40px;
        padding-top: 40px;

        .Grade {
            text-align: left;
            margin    : 0 20px;
            width     : 130px;

            p {
                width     : 100%;
                margin-top: 10px;
                color     : #E6A23C;
            }

            .el-radio {
                width          : 100%;
                display        : flex;
                flex-direction : row;
                justify-content: center;
                align-items    : center;
                padding        : 0;
            }

        }
    }

    .Grade {
        .origin_price {
            color: #ccc;
            position: relative;
            text-align: center;
        }
        .origin_price::before{
            content: '';
            border-top: 1px solid #ccc;
            // height: 1px;
            width: 140%;
            z-index: 999;
            position: absolute;
            left: 0;
            top: 50%;
            transform: translate(0,-50%);
        }
        .price {
            margin: 5px 10px;
        }
    }

    .note {
        // width  : 35%;
        margin    : 0 auto;
        margin-top: 100px;

        .clearfix {
            color: #F56C6C;
        }

        .item {
            margin: 10px 0;
        }
    }
}